<!DOCTYPE html>
<html lang="zh-CN">
<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>更新日志 - 英语单词本</title>
  <link rel="stylesheet" href="../css/style.css">
  <link rel="stylesheet" href="../css/update-log.css">
</head>
<body>
  <!-- 导航栏 -->
  <nav class="navbar">
    <!-- Logo区域 -->
    <div class="navbar-left">
      <a href="../index.html" class="navbar-brand">
        <img src="../img/logo.png" alt="Logo" class="logo">
        <div class="brand-text">
          <span class="brand-name">獭米英语单词本</span>
          <span class="brand-slogan">Tami English Vocabulary Book</span>
        </div>
      </a>
    </div>
    
    <!-- 导航链接区域 -->
    <div class="navbar-center">
      <div class="navbar-nav">
        <a href="../index.html" class="nav-link" data-page="wordlist">单词列表</a>
        <a href="phrases-list.html" class="nav-link" data-page="phrases-list">短语列表</a>
        <a href="vocabulary-test.html" class="nav-link" data-page="vocabulary-test">测试词汇</a>
        <a href="update-log.html" class="nav-link active" data-page="update-log">更新日志</a>
      </div>
    </div>
    
    <!-- 用户区域 -->
    <div class="navbar-right">
      <div class="nav-user" id="nav-user">
        <a href="account.html" class="nav-link" id="nav-login">登录</a>
        <div class="user-dropdown" id="user-dropdown" style="display: none;">
          <div class="user-info">
            <img src="../img/default-avatar.png" alt="头像" class="user-avatar" id="nav-user-avatar">
            <span class="nav-username" id="nav-username">用户名</span>
          </div>
          <div class="dropdown-menu" id="dropdown-menu">
            <a href="user.html" class="dropdown-item">个人中心</a>
            <button class="dropdown-item logout-btn" id="logout-btn">退出登录</button>
          </div>
        </div>
      </div>
    </div>
  </nav>
  
  <div class="update-log-container">
    <article class="update-log-content">
      <section>
        <h2>2025-11-11（v1.3.0）</h2>
        <ul>
          <li>新增短语列表页面，用户可以查看和管理自己的短语</li>
          <li>优化所有页面列表页面的显示效果以及新增词汇、短语时的界面效果</li>
        </ul>
      </section>

      <section>
        <h2>2025-11-07（v1.2.5）</h2>
        <ul>
          <li>英文部分使用 JetBrains Mono 字体，让英文字体更具辨识度，从而提升阅读体验</li>
        </ul>
      </section>

      <section>
        <h2>2025-10-20（v1.2.4）</h2>
        <ul>
          <li>修复某些单词无法正常搜索的问题</li>
        </ul>
      </section>

      <section>
        <h2>2025-09-10（v1.2.3）</h2>
        <ul>
          <li>新增视图切换功能，支持表格视图和卡片视图切换</li>
          <li>在首页中为 720 像素以下的设备增加界面自适应显示</li>
          <li>新增更新日志页面，详细展示每个版本的更新内容</li>
          <li>修复了单词列表在管理模式下的一些显示和功能上的问题</li>
          <li>新增了一个单词数统计功能，在首页的单词列表上方显示当前用户的单词总数、已记住数和未记住数</li>
        </ul>
      </section>
      
      <section>
        <h2>2025-09-06（v1.2.1）</h2>
        <ul>
          <li>新增"选择填空"的测试模式，测试时会随机选择一个单词，然后将单词中的一个字母用下划线代替，用户需要选择正确的字母来填空</li>
          <li>优化了 footer 的表现，并修改和新增了部分信息</li>
        </ul>
      </section>

      <section>
        <h2>2025-09-04（v1.1.3）</h2>
        <ul>
          <li>如果用户是用手机号或邮箱注册的账号，那在个人中心对应的字段上会自动填入，而无需让用户再次去进行填写</li>
          <li>修复了用户在个人中心页面填写手机号或邮箱后，再次登录后，对应的字段没有自动填充的问题</li>
          <li>新增单词后，列表会用一个高亮动画效果来提示用户新增单词所在的行</li>
        </ul>
      </section>
    </article>
  </div>
  
  <!-- 页脚将通过common.js动态生成 -->
  
  <script src="../js/common.js"></script>
  <script src="../js/plugins.js"></script>
  <script>
    // 更新日志页面专用脚本
    
    // 用户状态管理
    const checkLoginStatus = () => {
      try {
        let userStr = localStorage.getItem('user');
        let isLoggedIn = localStorage.getItem('isLoggedIn');
        
        if (!userStr || isLoggedIn !== 'true') {
          userStr = sessionStorage.getItem('user');
          isLoggedIn = sessionStorage.getItem('isLoggedIn');
        }
        
        return userStr && isLoggedIn === 'true';
      } catch (error) {
        return false;
      }
    };
    
    const getCurrentUser = () => {
      try {
        let userStr = localStorage.getItem('user');
        
        if (!userStr) {
          userStr = sessionStorage.getItem('user');
        }
        
        return userStr ? JSON.parse(userStr) : null;
      } catch (error) {
        return null;
      }
    };
    
    const updateNavbarUserDisplay = () => {
      const navLogin = document.getElementById('nav-login');
      const userDropdown = document.getElementById('user-dropdown');
      const navUsername = document.getElementById('nav-username');
      const navUserAvatar = document.getElementById('nav-user-avatar');
      
      if (checkLoginStatus()) {
        const user = getCurrentUser();
        if (user) {
          if (navLogin && userDropdown) {
            navLogin.style.display = 'none';
            userDropdown.style.display = 'block';
          }
          if (navUsername) {
            navUsername.textContent = user.nickname || user.account;
          }
          
          // 设置导航栏头像
          if (navUserAvatar && user.avatar && user.avatar !== 'img/default-avatar.png') {
            const avatarUrl = user.avatar.startsWith('http') ? user.avatar : `../${user.avatar}`;
            const finalAvatarUrl = avatarUrl.replace(/\/+/g, '/');
            navUserAvatar.src = finalAvatarUrl;
            
            navUserAvatar.onerror = () => {
              navUserAvatar.src = '../img/default-avatar.png';
              navUserAvatar.onerror = null;
            };
          } else if (navUserAvatar) {
            navUserAvatar.src = '../img/default-avatar.png';
          }
        }
      } else {
        if (navLogin && userDropdown) {
          navLogin.style.display = 'block';
          userDropdown.style.display = 'none';
        }
      }
    };
    
    const logout = () => {
      try {
        localStorage.removeItem('user');
        localStorage.removeItem('isLoggedIn');
        localStorage.removeItem('rememberLogin');
        
        sessionStorage.removeItem('user');
        sessionStorage.removeItem('isLoggedIn');
        
        window.location.href = 'account.html';
      } catch (error) {
        console.error('退出登录失败:', error);
        // 即使出错也尝试跳转到登录页面
        window.location.href = 'account.html';
      }
    };
    
    // 页面初始化
    document.addEventListener('DOMContentLoaded', () => {
      // 更新导航栏用户显示状态
      updateNavbarUserDisplay();
      
      // 绑定退出登录按钮事件
      const logoutBtn = document.getElementById('logout-btn');
      if (logoutBtn) {
        logoutBtn.addEventListener('click', (e) => {
          e.preventDefault();
          logout();
        });
      }
    });
  </script>
  
</body>
</html>